<template>
    <div class="input-box">
        <h3>{{value}}</h3>
        <div style="border:2px solid blue">
            <!-- slot插槽,放在组件内部什么地方,使用组件时的子标签就会显示在什么地方 -->
            <slot>
                <p>没有slot,我是默认内容</p>
            </slot>
        </div>
        <button @click="onClick">加倍</button>
    </div>
</template>

<script>
    export default {
        // model:{
        //     prop:'value',
        //     event:'input'
        // },
        props:['value'],
        methods:{
            onClick(){
                // $emit('自定义事件名称')
                this.$emit('input',this.value+this.value)
            }
        }
    }
</script>

<style lang="sass" scoped>
.input-box
    border: 3px solid red
</style>